<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <meta name="description" content="ZBang 多媒体服务提供网站" />
    <meta name="author" content="YiHui" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta name="keywords" content="Bootstrap 3, Template, Theme, Responsive, Corporate, Business"/>
    <link rel="shortcut icon" href="/webs/assets/images/icon.png" type="image/x-icon"/>


    <title>
        Zbang | ONLINE
    </title>

    <!-- Bootstrap core CSS -->
    <link th:href="@{/webs/assets/css/bootstrap.min.css}" rel="stylesheet"/>
    <link th:href="@{/webs/assets/css/theme.css}" rel="stylesheet"/>
    <!--<link th:href="@{/web/assets/css/bootstrap-reset.css}" rel="stylesheet"/>-->

    <!--external css-->
    <!--<link th:href="@{/web/assets/css/flexslider.css}" rel="stylesheet"/>-->
    <link th:href="@{https://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css}" rel="stylesheet"/>
    <!--<link th:href="@{/web/assets/css/font-awesome.min.css}" rel="stylesheet" />-->
    <!--<link th:href="@{/web/assets/bxslider/jquery.bxslider.css}" rel="stylesheet" />-->
    <link th:href="@{/webs/assets/css/animate.css}" rel="stylesheet"/>
    <!--<link th:href="@{/web/assets/owlcarousel/owl.carousel.css}" rel="stylesheet"/>-->
    <!--<link th:href="@{/web/assets/owlcarousel/owl.theme.css}" rel="stylesheet"/>-->
    <link th:href="@{/webs/assets/css/jquery.toastmessage.css}" rel="stylesheet"/>

    <!--<link th:href="@{/web/assets/css/superfish.css}" rel="stylesheet" media="screen"/>-->
    <!--<link th:href='@{http://fonts.googleapis.com/css?family=Lato}' rel='stylesheet'/>-->

    <!-- Custom styles for this template -->
    <!--<link th:href="@{/web/assets/css/component.css}" rel="stylesheet" type="text/css" />-->
    <link th:href="@{/webs/assets/css/style.css}" rel="stylesheet"/>
    <!--<link th:href="@{/web/assets/css/style-responsive.css}" rel="stylesheet" />-->
    <!--<link th:href="@{/web/assets/css/parallax-slider/parallax-slider.css}" rel="stylesheet"/>-->
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?2597f8909c4ba4fe7612fcac40b9d43c";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>

</head>
<body>
<!--主题头-->
<header th:replace="partials/head :: header"></header>
<!--主题头结束-->

<div th:replace="partials/head_banner :: header_banner"></div>


<!--content-->
<div layout:fragment="main_content">
</div>
<!--end content-->


<div class="container"></div>

<!-- 主题脚-->
<footer th:replace="partials/foot_info :: footer_info"></footer>
<footer th:replace="partials/foot :: footer"></footer>
<!-- 主题脚-->

</body>
</html>